<template>
    <div>
      <el-empty :image="require('@/assets/images/fail.png')">
        <template slot="description">
          <div>
              <div class="title">数据获取失败</div>
              <div class="title2">数据获取失败，请稍后再试…</div>
          </div>
        </template>
        <el-button size="small" type="primary" @click="goOut()">重新加载</el-button>
      </el-empty>
    </div>
  </template>
  <script>
  export default {
    data() {
      return {

      }
    },
    methods: {
      goOut() {
        this.$emit('goOut')
      }
    }
  }
</script>
  <style scoped>
  .title {
    font-size: 20px;
    color: #222;
    font-weight: bold;
  }
  .title2 {
    margin: 15px 0;
    color: #999;
    font-weight: 400;
  }
  </style>
